路由的跳转与传值 |
您所在的位置:网站首页 › Android 路由跳转 如何通过路由找到对应界面 › 路由的跳转与传值 |
小程序路由跳转方式:
1, 声明式navigator跳转 非tabbar跳转 非tabbar跳转 tabbar跳转 任意跳转 返回上一页 退出小程序 2, 编程式导航跳转 非tabbar跳转 和 tabbar跳转 保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面,使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层 wx.navigateTo({ url: '/pages/event/event', }) 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 wx.switchTab({ url: '/pages/douyu/douyu', }) 关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面 wx.redirectTo({ url: '/pages/grammar/grammar', }) 关闭所有页面,打开到应用内的任意一个页面 wx.reLaunch({ url: '/pages/event/event', }) 小程序路由传值方式 1, url路径拼接传值 wx.navigateTo, 和 wx.redirectTo 和 wx.reLaunch 可以传值 发 wx.navigateTo({ url: '/pages/camera/camera?name=wuyifan&age=20', }) 接 onLoad(options){ console.log("camera1", options) } 2, 自定义事件传值, 类似于vue中的bus总线传值, 只有wx.navigateTo这个API可以这样传 在跳转成功回调中使用res.eventChannel.emit发射自定义事件传值 发 wx.navigateTo({ url: '/pages/camera/camera', success: res=>{ res.eventChannel.emit("myEvent", {name:'wuyifan'}) } }) 接 onLoad(options){ // 获取eventChannel对象(类似于vue中的bus对象), 接收自定义事件传值 var eventChannel = this.getOpenerEventChannel() eventChannel.on("myEvent", data=>{ console.log("camera2", data) }) }, |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |